﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="TestSite.Test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="css/prettify.css">
    <link rel="stylesheet" type="text/css" href="css/metro.css">
    <link rel="stylesheet" type="text/css" href="css/site.css">
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="js/jquery.scrollTo.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/prettify.js"></script>
    <script type="text/javascript" src="js/metro.js"></script>
    <script type="text/javascript" src="js/google-analytics.js"></script>
    <script type="text/javascript" src="js/google-plusone.js"></script>
    <style type="text/css">
        body
        {
            background: #004050;
        }
        .metro
        {
            width: 940px;
            overflow: hidden;
        }
        .start
        {
            position: absolute;
            top: 60px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a class="pull-left" style="margin-top: 7px; margin-right: 5px;" href="/">
                    <img src="img/avatar474_2.gif" style="max-height: 16px;" />
                </a><a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                    class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </a><a class="brand" href="/">Metro UI CSS</a>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li><a href="/">Main</a></li>
                        <li><a href="./tiles.html">Tiles</a></li>
                        <li><a href="./tiles-1.html">Tiles 1</a></li>
                        <li><a href="./images.html">Images</a></li>
                        <li><a href="./notices.html">Notices</a></li>
                        <li><a href="./buttons.html">Buttons</a></li>
                        <li><a href="./forms.html">Form</a></li>
                        <li class="active"><a href="./typography.html">Typography</a></li>
                        <li><a href="#" onclick="switchTheme()">Switch Theme</a></li>
                    </ul>
                    <ul class="nav pull-right">
                        <li><a href="https://github.com/olton/Metro-UI-CSS"><i class="icon-github-sign"></i>
                            Github</a></li>
                        <li><a href="https://github.com/olton/Metro-UI-CSS/zipball/master"><i class="icon-download">
                        </i>Download</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="metro">
            <h1 class="start">
                Typography</h1>
            <hr />
            <div>
                <br />
                <h1>
                    Header1</h1>
                <br />
                <h2>
                    Header2</h2>
                <br />
                <h3>
                    Header3</h3>
                <br />
                <h4>
                    Header4</h4>
                <br />
                <h5>
                    Header5</h5>
            </div>
            <hr />
            <div>
                <br />
                <p class="body-text">
                    <i>class .body-text</i><br />
                    <br />
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                    Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                    unknown printer took a galley of type and scrambled it to make a type specimen book.
                    It has survived not only five centuries, but also the leap into electronic typesetting,
                    remaining essentially unchanged. It was popularised in the 1960s with the release
                    of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
                    publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                </p>
                <br />
                <p class="body-text-secondary">
                    <i>class .body-text-secondary</i>
                    <br />
                    <br />
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                    Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                    unknown printer took a galley of type and scrambled it to make a type specimen book.
                    It has survived not only five centuries, but also the leap into electronic typesetting,
                    remaining essentially unchanged. It was popularised in the 1960s with the release
                    of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
                    publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                </p>
                <br />
                <p class="tertiary-info">
                    <i>class .tertiary-info</i>
                    <br />
                    <br />
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                    Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                    unknown printer took a galley of type and scrambled it to make a type specimen book.
                    It has survived not only five centuries, but also the leap into electronic typesetting,
                    remaining essentially unchanged. It was popularised in the 1960s with the release
                    of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
                    publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                </p>
                <br />
                <p class="tertiary-info-secondary">
                    <i>class .tertiary-info-secondary</i>
                    <br />
                    <br />
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                    Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                    unknown printer took a galley of type and scrambled it to make a type specimen book.
                    It has survived not only five centuries, but also the leap into electronic typesetting,
                    remaining essentially unchanged. It was popularised in the 1960s with the release
                    of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
                    publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                </p>
            </div>
        </div>
        <footer class="footer metro">
            <p class="pull-right">
                <a href="#">Top</a></p>
            <p>
                &copy; 2012 Сергей Пименов. Киев, Украина.</p>
            <p>
                Лицензия: MIT License</p>
        </footer>
    </div>
    <script type="text/javascript">
        $(".metro").metro();
    </script>
    </form>
</body>
</html>
